<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <Style>
        .box {
            width: 1838px;
            height: 690px;
        }
        
        .box .left {
            width: 20%;
            height: 100%;
            background-color: #7d8a92;
            float: left;
        }
        
        .box .right {
            width: 80%;
            height: 100%;
            background-color: #9ec1d6;
            float: right;
        }
    </Style>
    <script>
        console.log('hello');
        var search = function(nums, target) {
            var left = 0;
            var right = nums.length - 1;
            var middle;
            while (left <= right) {
                middle = (left + right) / 2;
                if (nums[middle] == target) {
                    return middle;
                }
                if (target < nums[middle]) {
                    right = middle - 1;
                    continue;
                }
                if (target > nums[middle]) {
                    left = middle + 1;
                    continue;
                }
            }
            nums = [-1, 0, 3, 5, 9, 12];
            target = 9;
            search(nums, target);
        };
    </script>
</head>


<body>
    <div class="box">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</body>

</html>